﻿// 表单验证
document.getElementById('loginForm').addEventListener('submit', function (e) {
    e.preventDefault();

    let isValid = true;
    const username = document.getElementById('username').value;
    const password = document.getElementById('password').value;

    // 验证用户名
    if (username.trim() === '' || username.length < 3) {
        document.getElementById('usernameError').style.display = 'block';
        isValid = false;
    } else {
        document.getElementById('usernameError').style.display = 'none';
    }

    // 验证密码
    if (password.length < 6) {
        document.getElementById('passwordError').style.display = 'block';
        isValid = false;
    } else {
        document.getElementById('passwordError').style.display = 'none';
    }

    if (isValid) {
        // 在实际应用中，这里会发送登录请求到服务器
        alert('登录成功！');
        // 表单重置
        this.reset();
    }
});

// 切换明暗主题
function toggleTheme() {
    document.body.classList.toggle('dark-mode');
    const themeToggle = document.querySelector('.theme-toggle span');
    if (document.body.classList.contains('dark-mode')) {
        themeToggle.textContent = '☀️';
    } else {
        themeToggle.textContent = '🌙';
    }
}

// 输入框获得焦点时隐藏错误信息
const inputs = document.querySelectorAll('input');
inputs.forEach(input => {
    input.addEventListener('focus', function () {
        const errorId = this.id + 'Error';
        if (document.getElementById(errorId)) {
            document.getElementById(errorId).style.display = 'none';
        }
    });
});